<template>
  <div>
    <div class="vux-demo">
      <img class="logo" src="../assets/vux_logo.png">
      <h1></h1>
    </div>
    <group title="cell demo">
      <cell title="Vux" value="Cool" is-link></cell>
    </group>
  </div>
</template>

<script>
  import {Group, Cell} from 'vux';
  import {mapState, mapActions} from 'vuex';
  import * as types from '../store/types'
  export default {
    components: {
      Group,
      Cell,
    },
    data() {
      return {
        msg: 'Hello World!',
      };
    },
    computed: {
      ...mapState({
        //users: (state) => state.users
      }),
    },
    methods: {
      ...mapActions([
        ''
      ])
    },
    created(){
      let header = Object.assign({}, this.$store.getters.header, {
        title: '首页'
      })
      this.$store.commit(types.UPDATE_HEADER, header)
    }
  };
</script>

<style>
  .vux-demo {
    text-align: center;
  }

  .logo {
    width: 100px;
    height: 100px
  }
</style>
